<%@page import="cn.bdqn.util.VarUtil"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>超市账单管理系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    
    function oldpwd(pwd){
   		//oldpassword
    	var $pwd =  $(pwd);
    	if($pwd.val()==""){
    		$pwd.next().css("color","red");
    		$pwd.css("border-color","red");
    		return false;
    	}else if($pwd.val() != $("input[type='hidden']").val()){
    		$pwd.next().text("原密码输入不正确！").css("color","red");
    		$pwd.css("border-color","red");
    		return false;
    	}else{
    		$pwd.next().text("原密码输入成功！");
    		$pwd.css("border-color","green");
    		return true;
    	}
   	}
   	function pwd(pwd){
   		//newpassword
    	var $pwd =  $(pwd);
    	if($pwd.val()==""){
    		$pwd.next().css("color","red");
    		$pwd.css("border-color","red");
    		return false;
    	}else if($pwd.val().length<6 || $pwd.val().length>20){
    		$pwd.next().text("长度必须在6位到20位之间").css("color","red");
    		$pwd.css("border-color","red");
    		return false;
    	}else{
    		$pwd.next().text("");
    		$pwd.css("border-color","green");
    		return true;
    	}
   	}
   	function repwd(pwd,repwd){
   		var $pwd=$(pwd);
   		var $repwd = $(repwd);
   		if($pwd.val()==""){
    		$repwd.next().css("color","red");
    		$repwd.css("border-color","red");
    		return false;
    	}
    	if($pwd.val()!=$repwd.val()){
    		$repwd.next().text("两次密码输入不一致！").css("color","red");
    		$repwd.css("border-color","red");
    		return false;
    	}else{
    		$repwd.next().text("");
    		$repwd.css("border-color","green");
    		return true;
    	}
   	}
   	
    $(document).ready(function(){
    	
    	$("#oldPassword").blur(function(){
    		oldpwd(this);
    	});
    	
    	$("#newPassword").blur(function(){
    		pwd(this);
    	});
    	$("#reNewPassword").blur(function(){
    		var pwd = $("#newPassword");
    		repwd(pwd,this);
    	});
    	$("form").submit(function(){
	    	
	    	if(oldpwd($("#oldPassword")) & pwd($("#newPassword"))  & 
	    			repwd($("#newPassword"),$("#reNewPassword")) ){
	    		return true;
	    	}
	    	return false;
	    	
    	});
    	
    });
    </script>
</head>
<body>
<!--头部-->
    <header class="publicHeader">
        <h1>超市账单管理系统</h1>
        <div class="publicHeaderR">
            <p><span id="halfDay">下午好！</span><span style="color: #fff21b"> ${sessionScope.user.userName }</span> , 欢迎你！</p>
        	<a href="LogoutServlet">退出</a>
        </div>
    </header>
<!--时间-->
    <section class="publicTime">
        <span id="time">2015年1月1日 11:11  星期一</span>
        <a href="http://www.google.cn/">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
    </section>
<!--主体内容-->
    <section class="publicMian ">
        <div class="left">
            <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
            <nav>
                <ul class="list">
                    <li><a href="BillListServlet">账单管理</a></li>
	                <li><a href="ProviderListServlet">供应商管理</a></li>
	                <li><a href="UserListServlet">用户管理</a></li>
	                <li  id="active"><a href="jsp/password.jsp">密码修改</a></li>
	                <li><a href="LogoutServlet">退出系统</a></li>
	                <li>在线人数：<%=VarUtil.ONLINE_COUNT %> 人</li>
                <li>访问量：<%=session.getServletContext().getAttribute("count") %> 次</li>
                </ul>
            </nav>
        </div>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>密码修改页面</span>
            </div>
            <div class="providerAdd">
                <form action="UpdatePassword" method="post">
                    <!--div的class 为error是验证错误，ok是验证成功-->
                    <input type="hidden" name="password" value="${sessionScope.user.password }">
                    <div class="">
                        <label for="oldPassword">旧密码：</label>
                        <input type="password" name="oldPassword" id="oldPassword" />
                        <span>*请输入原密码</span>
                    </div>
                    <div>
                        <label for="newPassword">新密码：</label>
                        <input type="password" name="newPassword" id="newPassword" />
                        <span >*请输入新密码</span>
                    </div>
                    <div>
                        <label for="reNewPassword">确认新密码：</label>
                        <input type="password" name="reNewPassword" id="reNewPassword" />
                        <span >*请输入新确认密码，保证和新密码一致</span>
                    </div>
                    <div class="providerAddBtn">
                        <!--<a href="#">保存</a>-->
                        <input type="button" value="保存" onclick="history.back(-1)"/>
                    </div>
                </form>
            </div>
        </div>
    </section>
    <footer class="footer">
        版权归北大青鸟
    </footer>
<script src="js/time.js"></script>

</body>
</html>
